// <script>
// export default {
//   setup() {
//     console.log('setup函数');

//     // 数据
//     const message = 'hello Vue3'

//     // 函数
//     const logMessage = () => {
//       console.log(message);
      
//     }

//     return {
//       message,
//       logMessage
//     }
    
//   },
//   beforeCreate(){
//     console.log('beforeCreate函数');
//   }
// }
// </script>

<script setup>

const message = 'hello vue3'

const logMessage = ()=>{
  console.log('hello vue3');
  
}

</script>

<template>
  <div>学习Vue3</div>
  <div>{{message}}</div>
  <button @click="logMessage">按钮</button>
</template>